<script>
    import { KMask } from '@ikun-ui/mask'
    import { KButton } from '@ikun-ui/button'
    let show = false
</script>
<div class="flex items-center flex-wrap">
    <KButton on:click={() => show = true}>open mask</KButton>
    <KMask target={document.body}
           value={show}>
        <KButton on:click={() => show = false}
                 cls="fixed z-1001 top-1/2 left-1/2">
            close mask
        </KButton>
    </KMask>
</div>

